import { ElLoading } from 'element-plus'
import 'element-plus/dist/index.css'

// import "vue3-loading-overlay/dist/vue3-loading-overlay.css";

const createLoading = () => {
    let isLoading = false;
    let loading: any;
    // 接收 container 参数: HTMLElement | null = null,
    const show = () => {
        // 这里可以添加显示 loading 的代码，比如显示一个遮罩层和加载动画
        if (!isLoading) {
            loading = ElLoading.service({
                fullscreen: true,
                text: '等待中',
                background: 'rgba(0, 0, 0, 0.7)',
            })
            isLoading = true;
        }
    };

    const hide = () => {
        if (isLoading) {

            // 这里可以添加隐藏 loading 的代码，比如隐藏遮罩层和加载动画
            loading.close();
            isLoading = false;
        }
    };

    return { show, hide };
};

export { createLoading };
// 使用示例
// const loading = createLoading();
// loading.show(); // 显示 loading
// // 执行一些需要加载的操作
// loading.hide(); // 隐藏 loading
